<!DOCTYPE html PUBLIC "-//W3C/D XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0051)https://app.chrometa.com/dashboard?start=2011-07-01 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Dashboard | Chrometa</title>
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
<link href="args/screen.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/print.css" media="print" rel="stylesheet" type="text/css">
<!--[if lt IE 8]><link href="/stylesheets/compiled/ie.css?1309426433" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
<link href="args/styles.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/header.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/modal.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/navigation.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/jqModal.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/prettyLoader.css" media="screen" rel="stylesheet" type="text/css">

<link href="args/jquery.fancybox-1.3.1.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/jquery.autocomplete.css" media="screen" rel="stylesheet" type="text/css">


<link href="args/jquery-ui-1.8rc2.custom.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/tipsy.css" media="screen" rel="stylesheet" type="text/css">

	
<script src="args/jquery.min.js" type="text/javascript"></script>
<script src="args/jquery.tools.min.js" type="text/javascript"></script>
<script src="args/application.js" type="text/javascript"></script>
<script src="args/date.format.js" type="text/javascript"></script>
<script src="args/jquery.editable-1.3.3.js" type="text/javascript"></script>
<script src="args/jquery.shiftcheckbox.js" type="text/javascript"></script>
<script src="args/jquery-ui.min.js" type="text/javascript"></script>
<script src="args/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="args/jquery.idTabs.js" type="text/javascript"></script>
<script src="args/jquery.tipsy.js" type="text/javascript"></script>
<script src="args/categorization.js" type="text/javascript"></script>
<script src="args/jquery.jeditable.js" type="text/javascript"></script>
<script src="args/jqModal.js" type="text/javascript"></script>
<script src="args/jquery.hotkeys-0.7.9.min.js" type="text/javascript"></script>
<script src="args/jquery.prettyLoader.js" type="text/javascript"></script>
<script src="args/highcharts.js" type="text/javascript"></script>
<script src="args/jquery.blockUI.js" type="text/javascript"></script>
<script src="args/manualentry.js" type="text/javascript"></script>
<script src="args/awayentry.js" type="text/javascript"></script>
<script src="args/jquery.form.js" type="text/javascript"></script>
<script src="args/jquery.validate.js" type="text/javascript"></script>
<script src="args/bbq.js" type="text/javascript"></script>
<script src="args/entries.js" type="text/javascript"></script>
<script src="args/jquery.form.wizard-3.0.4.min.js" type="text/javascript"></script>
<script src="args/jquery.quicksearch.js" type="text/javascript"></script>
<script src="args/rules.js" type="text/javascript"></script>
<script src="args/jquery.tooltip" type="text/javascript"></script>
<script src="args/toolbar.js" type="text/javascript"></script>
<script src="args/menu.context.js" type="text/javascript"></script>
<script src="args/timeline.js" type="text/javascript"></script>
<script src="args/jquery.jeditable.js" type="text/javascript"></script>
<script src="args/jquery.dataTables.js" type="text/javascript"></script>
<script src="args/jquery.jgrowl.js" type="text/javascript"></script>
<script src="args/jquery.rails.js" type="text/javascript"></script>

	<link rel="shortcut icon" href="https://app.chrometa.com/images/favicon.ico" type="image/ico">
  <style type="text/css" charset="utf-8">#tender_window{ position:absolute; top:20px; left:50%; margin-left:-340px; width:680px; height:615px; padding:3px; background:url(https://chrometa.tenderapp.com/images/widget/overlay_back.png); z-index:9999; }#tender_window iframe{ border:none; width:100%; height:100%; } #tender_window #tender_frame{ width:100%; height:100%; background:url(https://chrometa.tenderapp.com/images/widget/loader.gif) 50% 50% no-repeat #fff; } #tender_closer{ position:absolute; top:18px; right:18px; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; border:none; } #tender_closer{ color: #80B3CC }#tender_toggler{ position:absolute; top:100px; right:0px; width:33px; height:105px; padding:3px 0 3px 3px; background:url(https://chrometa.tenderapp.com/images/widget/overlay_back.png); } #tender_toggler_link{ display:block; width:100%; height:100%; text-decoration:none; border:none; text-indent:-9999px; background: #006699 url(https://chrometa.tenderapp.com/images/widget/tab_text_.gif) !important; } </style><script type="text/javascript" async="" src="args/js"></script><script type="text/javascript" async="" src="https://in.getclicky.com/in.php?site_id=249618&res=1280x1024&lang=zh&secure=1&href=%2Fdashboard%3Fstart%3D2011-07-01&title=Dashboard%20%7C%20Chrometa&ref=&jsuid=8311850353964260131&mime=js&x=0.8265700035262853"></script></head>
  <body class="bp">
	  <script>
	   // You may want to place these lines inside an onload handler
	   CFInstall.check({
	     mode: "overlay",
		 url: "http://app.chrometa.com/iewarning"
	   });
	  </script>
	<div class="header-container">
	<style>
.links {
  border-radius:16px;
  -moz-border-radius:16px;
  background:#fbfafa;
  margin-right:10%;
  margin-left:10%;
}

.links a {
  font-size:2.0em;
  font-weight:bolder;
}

.links a:link {
  color:#333333;
  padding-left:16px;
  padding-right:16px;
  text-decoration:none;
}

.links a:focus {
  color:#8a2be2;
  padding-left:16px;
  padding-right:16px;
  text-decoration:none;
}

.links a:active {
  color:#666666;
  padding-left:16px;
  padding-right:16px;
  text-decoration:none;
}

</style>





  
  
  
  


<div id="nav-container">
<ul class="navigation">
<li class="current first">

<a href="args/Dashboard   Chrometa.htm">Dashboard</a>

</li>
<li class="normal mid">

<a href="https://app.chrometa.com/summaries?cat_filter=false&start=2011-07-01">Reports</a>

</li>




<li class="normal mid">
<a href="https://app.chrometa.com/clients">Categories</a>
</li>
<li class="normal last">
<a href="https://app.chrometa.com/rules">Rules</a>
</li>





<!--



<li class= "normal right">
<a href="/settings">Settings</a>
</li>
<li class= "normal right">
<a href="/devices">Devices</a>
</li>-->
</ul>
<div class="top-right-buttons">
<ul>

<li class="first help">
<a href="https://app.chrometa.com/dashboard" id="help_button">Help</a>
</li>
<li class="mid"><a href="https://app.chrometa.com/tutorial">Tutorials</a></li>
<li class="normal mid"><a href="https://app.chrometa.com/account">Account</a></li>
<li class="last"><a href="https://app.chrometa.com/logout">Log Out</a></li>

</ul>
</div>


</div>



	</div>
	
	
	
<div id="annoucements">

<img src="args/flag_blue.png">&nbsp;<span class="announcement">Tips - and new features - on rules for automatic categorization, <span class="learn_more"><a href="http://eepurl.com/eqMWw" target="_blank">Learn More ...</a></span></span>



<span class="hide_message">

<a href="https://app.chrometa.com/hide_announcements?current_controller=dashboard" class="click_hide_message"></a></span>

  
</div>


	
	<div class="top-flash" id="flash">
			</div>

	
	<div class="clear"></div>
	<div class="main-container">
	<div class="container3">	
	  <div class="main-column-left">
	  	<div id="content">
		
		    

<script type="text/javascript">
	$(document).ready(function() {
		
		var area_chart_options = {
		chart: {
			renderTo: 'area-chart-container',
	        defaultSeriesType: 'area',
			marginTop: 80,
			marginRight: 10,
			marginLeft: 50,
			marginBottom: 60,
			style: {
				fontFamily: 'Helvetica, sans-serif' // default font
			},
	   	},
		colors:
			['#0059B8', '#B8DAFF'
		],
	   	title: {
	      	text: 'Activity Monitor',
			style: {
				color: '#444',
				fontWeight: 'bold',
				fontFamily: 'Helvetica, sans-serif',
				fontSize: '14px'
			}
	   	},
	    subtitle: {
	      	text: 'Friday, July 01, 2011',
			style: {
				color: '#888',
				fontFamily: 'Helvetica, sans-serif',
				fontSize: '11px'
			}
	   	},
	   	xAxis: {
			type: "datetime",
			dateTimeLabelFormats: {
				hour: '%l %P'
			},
			tickInterval: 3600*1000*4,
			labels: {
            	rotation: -45,
            	align: 'right'
         	},
			tickmarkPlacement: 'between'
		},
		credits: {
		  	enabled: false	
		},
	   	yAxis: {
	    	title: {
	       		text: 'Minutes',
	        	style: {
					color: '#222',
					fontSize: '11px',
					fontWeight: 'normal',
					fontFamily: 'Helvetica, sans-serif'
				},
			},
			tickInterval: 15,
			max: 60,
			gridLineWidth: 0
	   	},
	   	legend: {
			enabled: false,
	   		borderWidth: 0,
			itemStyle: {
				fontFamily: 'Helvetica, sans-serif', // default font
				fontWeight: 'bold',
				color: '#666',
				fontSize: '11px'
			},
			itemHoverStyle: {
				fontFamily: 'Helvetica, sans-serif', // default font
				fontWeight: 'bold',
				color: '#000',
				fontSize: '11px'
			},
			
	   	},
		tooltip: {
			style: {
				padding: '10px',
				fontWeight: 'bold',
				color: '#fff'
			},
			formatter: function() {
        		return 'Device: ' + this.series.name + '<br/>' + 'Time: ' + formatTime(new Date(this.x)) + '<br/>' + 'Active for: ' + (this.y).toFixed(0) + " min";
           	},
			backgroundColor: 'rgba(0, 0, 0, .75)',
			borderWidth: 0,
		},
	   	plotOptions: {
	      	area: {
	         	stacking: null,
	            lineWidth: 2,
				fillOpacity: 0.25,
	            marker: {
	               	lineWidth: 1,
					radius: 4,
	            },
	         	pointStart: Date.UTC(2011,6, 1),
				pointInterval: 3600*1000,
				stickyTracking: false,
				animation: false
	         }
	      },
	  	series: []
		};
		
		$.getJSON("/reports/dashboard_data.json?start=2011-07-01&total=1284&top=chrome.exe,785,TM.exe,305,Uedit32.exe,189,AptanaStudio.exe,4,ACDSeeQV10.exe,1,", function(data){
			$.each(data.categories, function(itemNo, item) {
			    //options.xAxis.categories.push(item);
			});
			$.each(data.series, function(itemNo, item){
			
				area_chart_options.series.push(item);
			});
			//alert(options.xAxis.categories);
			//alert(options.series[1].data);
			var active_away_chart = new Highcharts.Chart(area_chart_options);
		});
		
		var pie_chart_options = {
			chart: {
				renderTo: 'piechart-container',
				margin: [40, 0, 0, 0]
			},
			title: {
				text: 'Apps I Use Most',
				style: {
					color: '#444',
					fontWeight: 'bold',
					fontFamily: 'Helvetica, sans-serif',
					fontSize: '14px',
				}
		    },
			subtitle: {
		      	text: 'Based on Active Time Data',
				style: {
					color: '#888',
					fontFamily: 'Helvetica, sans-serif',
					fontSize: '11px'
				}
		   	},
			plotArea: {
		   		shadow: null,
		        borderWidth: null,
		        backgroundColor: null
			},
		    tooltip: {
				style: {
					padding: '10px',
					fontWeight: 'bold',
					color: '#fff'
				},
				formatter: function() {
            		return ''+ (this.point ? this.point.name : this.series.name) +'<br/>'+
							displayDurationHM(this.y) +' ('+ Math.min(100,(this.y*100/1284)).toFixed(1)+'%)';
               	},
				backgroundColor: 'rgba(0, 0, 0, .75)',
				borderWidth: 0,
			},
		   	plotOptions: {
		      	pie: {
					animation: false,
					borderWidth: 1,
		          	allowPointSelect: true,
		            cursor: 'pointer',
		            dataLabels: {
		               	enabled: true,
						distance: -40,
		               	formatter: function() {
		            		if (this.y/1284 > 0.2) return splitString(this.point.name);
		               	},
		               	color: '#fff',
		               	style: {
		               		font: '11px Lucida Grande, Helvetica, sans-serif',
						},
						y: -6,
						x: 0
		         	},
					innerSize: 0,
					stickyTracking: false
		     	}
		  	},
			credits: {
			  	enabled: false	
			},
		    legend: {
				enabled: false,
				borderWidth: 0,
				itemStyle: {
					fontFamily: 'Helvetica, sans-serif', // default font
					fontWeight: 'bold',
					color: '#666',
					fontSize: '11px'
				},
				itemHoverStyle: {
					fontFamily: 'Helvetica, sans-serif', // default font
					fontWeight: 'bold',
					color: '#000',
					fontSize: '11px'
				},
		    },
		    series: []
		};
		
		$.getJSON("/reports/top_apps_data.json?start=2011-07-01&total=1284&top=chrome.exe,785,TM.exe,305,Uedit32.exe,189,AptanaStudio.exe,4,ACDSeeQV10.exe,1,", function(data){
			$.each(data.series, function(itemNo, item){
				pie_chart_options.series.push(item);
			});
			var app_chart = new Highcharts.Chart(pie_chart_options);
		});

	});
</script>



<div class="subnav">
	<ul>
		<li class="tab first active"><a>At A Glance</a></li>
	</ul>
	<a href="args/Dashboard   Chrometa.htm" class="today-button current">Today</a>
</div>
<div class="date-header dashboard">
	<div class="date-picker clear">
		<form name="selectDate">
		<div id="start-date"><input id="start_datepicker" title="Click to change date" size="100" name="start" value="Fri, Jul 1, 2011" onchange="formatDateSubmit()" class="hasDatepicker">
			<div id="prev_next_day_btns">
				
	<a href="https://app.chrometa.com/dashboard?start=2011-06-30">
		<div class="prev-button-container">
			<span class="prev-day" title="Previous Day"></span>
		</div>
	</a>
	<a href="https://app.chrometa.com/dashboard?start=2011-07-02">
		<div class="next-button-container">
			<span class="next-day" title="Next Day"></span>
		</div>
	</a>


			</div>
		</div>
		</form>		
	</div>
</div>
<div class="clear"></div>




<div id="area-chart-container" style="width: 288px; height: 300px; margin: 20px 0px 12px 6px; float: right;"><div class="highcharts-container" id="highcharts-1" style="position: relative; overflow-x: hidden; overflow-y: hidden; width: 288px; height: 300px; text-align: left; font-family: Helvetica, sans-serif; font-size: 12px; left: 0px; top: 0px; "><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="288" height="300"><defs><clippath id="highcharts-2"><rect x="0" y="0" width="228" height="160" fill="none"></rect></clippath></defs><rect x="0" y="0" width="288" height="300" rx="5" ry="5" fill="#FFFFFF" stroke="#4572A7" stroke-width="0.000001"></rect><text x="144" y="25" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#444;font-size:14px;font-weight:bold;font-family:Helvetica, sans-serif;fill:#444;" text-anchor="middle" class="highcharts-title" zIndex="1"><tspan x="144">Activity Monitor</tspan></text><text x="144" y="40" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#888;font-family:Helvetica, sans-serif;font-size:11px;fill:#888;" text-anchor="middle" class="highcharts-subtitle" zIndex="1"><tspan x="144">Friday, July 01, 2011</tspan></text><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series" clip-path="url(https://app.chrometa.com/dashboard?start=2011-07-01#highcharts-2)" visibility="visible" transform="translate(50,80)"><path d="M 2.235294117647059 160 L 11.953964194373402 160 L 21.672634271099742 160 L 31.391304347826086 160 L 41.109974424552426 160 L 50.828644501278774 160 L 60.547314578005114 160 L 70.26598465473145 160 L 79.9846547314578 160 L 89.70332480818414 160 L 99.42199488491049 160 L 109.14066496163683 160 L 118.85933503836317 160 L 128.57800511508952 137.86666666666667 L 138.29667519181586 125.06666666666666 L 148.0153452685422 160 L 157.73401534526855 160 L 167.4526854219949 160 L 177.17135549872123 160 L 186.89002557544757 160 L 196.6086956521739 160 L 206.32736572890025 160 L 216.0460358056266 160 L 225.76470588235293 160 L 225.76470588235293 160 L 2.235294117647059 160" fill="rgb(0,89,184)" fill-opacity="0.25"></path><path d="M 2.235294117647059 160 L 11.953964194373402 160 L 21.672634271099742 160 L 31.391304347826086 160 L 41.109974424552426 160 L 50.828644501278774 160 L 60.547314578005114 160 L 70.26598465473145 160 L 79.9846547314578 160 L 89.70332480818414 160 L 99.42199488491049 160 L 109.14066496163683 160 L 118.85933503836317 160 L 128.57800511508952 137.86666666666667 L 138.29667519181586 125.06666666666666 L 148.0153452685422 160 L 157.73401534526855 160 L 167.4526854219949 160 L 177.17135549872123 160 L 186.89002557544757 160 L 196.6086956521739 160 L 206.32736572890025 160 L 216.0460358056266 160 L 225.76470588235293 160" fill="none" stroke="rgb(0, 0, 0)" stroke-width="5" isShadow="true" stroke-opacity="0.05" transform="translate(1,1)"></path><path d="M 2.235294117647059 160 L 11.953964194373402 160 L 21.672634271099742 160 L 31.391304347826086 160 L 41.109974424552426 160 L 50.828644501278774 160 L 60.547314578005114 160 L 70.26598465473145 160 L 79.9846547314578 160 L 89.70332480818414 160 L 99.42199488491049 160 L 109.14066496163683 160 L 118.85933503836317 160 L 128.57800511508952 137.86666666666667 L 138.29667519181586 125.06666666666666 L 148.0153452685422 160 L 157.73401534526855 160 L 167.4526854219949 160 L 177.17135549872123 160 L 186.89002557544757 160 L 196.6086956521739 160 L 206.32736572890025 160 L 216.0460358056266 160 L 225.76470588235293 160" fill="none" stroke="rgb(0, 0, 0)" stroke-width="3" isShadow="true" stroke-opacity="0.1" transform="translate(1,1)"></path><path d="M 2.235294117647059 160 L 11.953964194373402 160 L 21.672634271099742 160 L 31.391304347826086 160 L 41.109974424552426 160 L 50.828644501278774 160 L 60.547314578005114 160 L 70.26598465473145 160 L 79.9846547314578 160 L 89.70332480818414 160 L 99.42199488491049 160 L 109.14066496163683 160 L 118.85933503836317 160 L 128.57800511508952 137.86666666666667 L 138.29667519181586 125.06666666666666 L 148.0153452685422 160 L 157.73401534526855 160 L 167.4526854219949 160 L 177.17135549872123 160 L 186.89002557544757 160 L 196.6086956521739 160 L 206.32736572890025 160 L 216.0460358056266 160 L 225.76470588235293 160" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1" isShadow="true" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></path><path d="M 2.235294117647059 160 L 11.953964194373402 160 L 21.672634271099742 160 L 31.391304347826086 160 L 41.109974424552426 160 L 50.828644501278774 160 L 60.547314578005114 160 L 70.26598465473145 160 L 79.9846547314578 160 L 89.70332480818414 160 L 99.42199488491049 160 L 109.14066496163683 160 L 118.85933503836317 160 L 128.57800511508952 137.86666666666667 L 138.29667519181586 125.06666666666666 L 148.0153452685422 160 L 157.73401534526855 160 L 167.4526854219949 160 L 177.17135549872123 160 L 186.89002557544757 160 L 196.6086956521739 160 L 206.32736572890025 160 L 216.0460358056266 160 L 225.76470588235293 160" fill="none" stroke="#0059B8" stroke-width="2"></path><circle cx="225.76470588235293" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="216.0460358056266" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="206.32736572890025" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="196.6086956521739" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="186.89002557544757" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="177.17135549872123" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="167.4526854219949" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="157.73401534526855" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="148.0153452685422" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="138.29667519181586" cy="125.06666666666666" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="128.57800511508952" cy="137.86666666666667" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="118.85933503836317" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="109.14066496163683" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="99.42199488491049" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="89.70332480818414" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="79.9846547314578" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="70.26598465473145" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="60.547314578005114" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="50.828644501278774" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="41.109974424552426" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="31.391304347826086" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="21.672634271099742" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="11.953964194373402" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle><circle cx="2.235294117647059" cy="160" r="4" stroke="#FFFFFF" stroke-width="1" fill="#0059B8"></circle></g></g><g class="highcharts-axis" zIndex="7"><text x="52.23529411764706" y="254" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end" transform="rotate(-45 52.23529411764706 254)"><tspan x="52.23529411764706">12 am</tspan></text><text x="91.10997442455243" y="254" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end" transform="rotate(-45 91.10997442455243 254)"><tspan x="91.10997442455243">4 am</tspan></text><text x="129.9846547314578" y="254" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end" transform="rotate(-45 129.9846547314578 254)"><tspan x="129.9846547314578">8 am</tspan></text><text x="168.85933503836316" y="254" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end" transform="rotate(-45 168.85933503836316 254)"><tspan x="168.85933503836316">12 pm</tspan></text><text x="207.73401534526855" y="254" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end" transform="rotate(-45 207.73401534526855 254)"><tspan x="207.73401534526855">4 pm</tspan></text><text x="246.6086956521739" y="254" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end" transform="rotate(-45 246.6086956521739 254)"><tspan x="246.6086956521739">8 pm</tspan></text><path d="M 52.5 240 L 52.5 245" fill="none" stroke="#C0D0E0" stroke-width="1"></path><path d="M 91.5 240 L 91.5 245" fill="none" stroke="#C0D0E0" stroke-width="1"></path><path d="M 130.5 240 L 130.5 245" fill="none" stroke="#C0D0E0" stroke-width="1"></path><path d="M 169.5 240 L 169.5 245" fill="none" stroke="#C0D0E0" stroke-width="1"></path><path d="M 208.5 240 L 208.5 245" fill="none" stroke="#C0D0E0" stroke-width="1"></path><path d="M 247.5 240 L 247.5 245" fill="none" stroke="#C0D0E0" stroke-width="1"></path></g><g class="highcharts-axis" zIndex="7"><text x="42" y="243" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end"><tspan x="42">0</tspan></text><text x="42" y="203" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end"><tspan x="42">15</tspan></text><text x="42" y="163" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end"><tspan x="42">30</tspan></text><text x="42" y="123" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end"><tspan x="42">45</tspan></text><text x="42" y="83" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-size:11px;fill:#666;" text-anchor="end"><tspan x="42">60</tspan></text></g><text x="18" y="160" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#222;font-weight:normal;font-size:11px;font-family:Helvetica, sans-serif;fill:#222;" zIndex="7" transform="rotate(270 18 160)" text-anchor="middle"><tspan x="18">Minutes</tspan></text><path d="M 50 240.5 L 278 240.5" fill="none" stroke="#C0D0E0" stroke-width="1" zIndex="7"></path><g class="highcharts-tooltip" zIndex="8" visibility="hidden"><rect x="10" y="10" width="0" height="0" rx="5" ry="5" fill="none" fill-opacity="0.75" stroke-width="5" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.05" transform="translate(1,1)"></rect><rect x="10" y="10" width="0" height="0" rx="5" ry="5" fill="none" fill-opacity="0.75" stroke-width="3" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.1" transform="translate(1,1)"></rect><rect x="10" y="10" width="0" height="0" rx="5" ry="5" fill="none" fill-opacity="0.75" stroke-width="1" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></rect><rect x="10" y="10" width="0" height="0" rx="5" ry="5" fill="rgb(0,0,0)" fill-opacity="0.75" stroke-width="0.000001"></rect><text x="20" y="32" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#fff;font-size:12px;padding:0;white-space:nowrap;font-weight:bold;fill:#fff;" zIndex="1"><tspan x="20"> </tspan></text></g><g class="highcharts-tracker" zIndex="9" transform="translate(50,80)"><path d="M -7.764705882352941 160 L 2.235294117647059 160 L 11.953964194373402 160 L 21.672634271099742 160 L 31.391304347826086 160 L 41.109974424552426 160 L 50.828644501278774 160 L 60.547314578005114 160 L 70.26598465473145 160 L 79.9846547314578 160 L 89.70332480818414 160 L 99.42199488491049 160 L 109.14066496163683 160 L 118.85933503836317 160 L 128.57800511508952 137.86666666666667 L 138.29667519181586 125.06666666666666 L 148.0153452685422 160 L 157.73401534526855 160 L 167.4526854219949 160 L 177.17135549872123 160 L 186.89002557544757 160 L 196.6086956521739 160 L 206.32736572890025 160 L 216.0460358056266 160 L 225.76470588235293 160 L 235.76470588235293 160" fill="none" isTracker="true" stroke-opacity="0.000001" stroke="rgb(192,192,192)" stroke-width="22" visibility="visible" zIndex="1" style=""></path></g></svg></div></div>
<div id="piechart-container" style="width: 248px; height: 300px; margin: 20px 0px 12px 4px; float: right;"><div class="highcharts-container" id="highcharts-0" style="position: relative; overflow-x: hidden; overflow-y: hidden; width: 248px; height: 300px; text-align: left; font-family: &#39;Lucida Grande&#39;, &#39;Lucida Sans Unicode&#39;, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; left: 0px; top: 0px; "><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="248" height="300"><defs></defs><rect x="0" y="0" width="248" height="300" rx="5" ry="5" fill="#FFFFFF" stroke="#4572A7" stroke-width="0.000001"></rect><text x="124" y="25" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#444;font-size:14px;font-weight:bold;font-family:Helvetica, sans-serif;fill:#444;" text-anchor="middle" class="highcharts-title" zIndex="1"><tspan x="124">Apps I Use Most</tspan></text><text x="124" y="40" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#888;font-family:Helvetica, sans-serif;font-size:11px;fill:#888;" text-anchor="middle" class="highcharts-subtitle" zIndex="1"><tspan x="124">Based on Active Time Data</tspan></text><g class="highcharts-series-group" zIndex="3"></g><g class="highcharts-point" zIndex="5" transform="translate(3.1314937499999997,41.055925)"><path d="M 124 37 A 93 93 0 1 1 64.10469649845653 201.14458952343455 L 124 130 A 0 0 0 1 0 124 130 Z" fill="#4572A7" stroke="#FFFFFF" stroke-width="1" fill-opacity="1"></path></g><g class="highcharts-point" zIndex="5" transform="translate(0,40)"><path d="M 64.10462535389695 201.14452962809548 A 93 93 0 0 1 48.38864021643717 75.85277226227905 L 124 130 A 0 0 0 0 0 124 130 Z" fill="#AA4643" stroke="#FFFFFF" stroke-width="1" fill-opacity="1"></path></g><g class="highcharts-point" zIndex="5" transform="translate(0,40)"><path d="M 48.388694363702726 75.85269665094633 A 93 93 0 0 1 121.72468142968025 37.02783790078044 L 124 130 A 0 0 0 0 0 124 130 Z" fill="#89A54E" stroke="#FFFFFF" stroke-width="1" fill-opacity="1"></path></g><g class="highcharts-point" zIndex="5" transform="translate(0,40)"><path d="M 121.7247744018435 37.02783562550836 A 93 93 0 0 1 123.54481829277857 37.00111393348084 L 124 130 A 0 0 0 0 0 124 130 Z" fill="#80699B" stroke="#FFFFFF" stroke-width="1" fill-opacity="1"></path></g><g class="highcharts-point" zIndex="5" transform="translate(0,40)"><path d="M 123.54491129166487 37.001113478345644 A 93 93 0 0 1 123.99990699999996 37.0000000000465 L 124 130 A 0 0 0 0 0 124 130 Z" fill="#3D96AE" stroke="#FFFFFF" stroke-width="1"></path></g><g class="highcharts-point" zIndex="5" transform="translate(0,40)"><path d="M 123.99999999999999 37 A 93 93 0 0 1 123.99990699999996 37.0000000000465 L 124 130 A 0 0 0 0 0 124 130 Z" fill="#DB843D" stroke="#FFFFFF" stroke-width="1"></path></g><g class="highcharts-highcharts-data-labels" visibility="visible" zIndex="5" transform="translate(0,40)"><text x="173.7889083669515" y="142.16768019388581" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#fff;font-size:11px;font:11px Lucida Grande, Helvetica, sans-serif;fill:#fff;" text-anchor="middle" zIndex="1" visibility="visible"><tspan x="173.7889083669515">Google</tspan><tspan dy="18" x="173.7889083669515">Chrome</tspan></text><text x="71.41209023739239" y="130.59634344162268" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#fff;font-size:11px;font:11px Lucida Grande, Helvetica, sans-serif;fill:#fff;" text-anchor="middle" zIndex="1" visibility="visible"><tspan x="71.41209023739239">TM.exe</tspan></text></g><g class="highcharts-tooltip" zIndex="8" visibility="visible" transform="translate(47.12379741792546,157.88920947180304)"><rect x="10" y="10" width="122" height="54" rx="5" ry="5" fill="none" fill-opacity="0.75" stroke-width="5" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.05" transform="translate(1,1)"></rect><rect x="10" y="10" width="122" height="54" rx="5" ry="5" fill="none" fill-opacity="0.75" stroke-width="3" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.1" transform="translate(1,1)"></rect><rect x="10" y="10" width="122" height="54" rx="5" ry="5" fill="none" fill-opacity="0.75" stroke-width="1" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></rect><rect x="10" y="10" width="122" height="54" rx="5" ry="5" fill="rgb(0,0,0)" fill-opacity="0.75" stroke-width="0.000001" stroke="#4572A7"></rect><text x="20" y="32" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#fff;font-size:12px;padding:0;white-space:nowrap;font-weight:bold;fill:#fff;" zIndex="1"><tspan x="20">Google Chrome</tspan><tspan dy="18" x="20">13m (61.1%)</tspan></text></g><g class="highcharts-tracker" zIndex="9" transform="translate(0,40)"><path d="M 124 37 A 93 93 0 1 1 64.10469649845653 201.14458952343455 L 124 130 A 0 0 0 1 0 124 130 Z" fill="rgb(192,192,192)" isTracker="1309501181344" fill-opacity="0.000001" visibility="visible" zIndex="1" style="cursor:pointer;"></path><path d="M 64.10462535389695 201.14452962809548 A 93 93 0 0 1 48.38864021643717 75.85277226227905 L 124 130 A 0 0 0 0 0 124 130 Z" fill="rgb(192,192,192)" isTracker="1309501181344" fill-opacity="0.000001" visibility="visible" zIndex="1" style="cursor:pointer;"></path><path d="M 48.388694363702726 75.85269665094633 A 93 93 0 0 1 121.72468142968025 37.02783790078044 L 124 130 A 0 0 0 0 0 124 130 Z" fill="rgb(192,192,192)" isTracker="1309501181344" fill-opacity="0.000001" visibility="visible" zIndex="1" style="cursor:pointer;"></path><path d="M 121.7247744018435 37.02783562550836 A 93 93 0 0 1 123.54481829277857 37.00111393348084 L 124 130 A 0 0 0 0 0 124 130 Z" fill="rgb(192,192,192)" isTracker="1309501181344" fill-opacity="0.000001" visibility="visible" zIndex="1" style="cursor:pointer;"></path><path d="M 123.54491129166487 37.001113478345644 A 93 93 0 0 1 123.99990699999996 37.0000000000465 L 124 130 A 0 0 0 0 0 124 130 Z" fill="rgb(192,192,192)" isTracker="1309501181344" fill-opacity="0.000001" visibility="visible" zIndex="1" style="cursor:pointer;"></path><path d="M 123.99999999999999 37 A 93 93 0 0 1 123.99990699999996 37.0000000000465 L 124 130 A 0 0 0 0 0 124 130 Z" fill="rgb(192,192,192)" isTracker="1309501181344" fill-opacity="0.000001" visibility="visible" zIndex="1" style="cursor:pointer;"></path></g></svg></div></div>
<div class="key-stats-container">
	<div class="stats-box first">
		<div class="label">
			Active Time
		</div>
		<div class="value">
			21m
		</div>
	</div>
	<div class="stats-box">
		<div class="label">
			Away Time
		</div>
		<div class="value">
			0m
		</div>
	</div>
	<div class="stats-box">
		<div class="label">
			Billable Time
		</div>
		<div class="value">
			0m
		</div>
	</div>
	<div class="stats-box last">
		<div class="label">
			Estimated Billings
		</div>
		<div class="value">
			
		</div>
	</div>
	
</div>








		</div>
	  </div>
	  <div class="right-bar">
		<div class="panel">
	<div class="panel-header">
			Jump to Reports
	</div>
	
	<div class="right-bar-button first" id="goto_summary_button">
		
				<a href="https://app.chrometa.com/summaries?cat_filter=false&start=2011-07-01">
					<img src="args/report.png">Go to Summary</a>
				
		
	</div>
	<div class="right-bar-button last" id="goto_timestamps_button">
		
				<a href="https://app.chrometa.com/entries?cat_filter=false&start=2011-07-01">
					<img src="args/hourglass.png">Go to Timestamps
				</a>
		
		
	</div>
</div>








<div class="panel">
	<div class="panel-header">
		How often does my data sync?
	</div>
	<div class="right-bar-tips">
		<p>Once per hour.</p>
	</div>
</div>
	  </div>
	</div>
	</div>
	<div class="clear"></div>

	<div class="footer-container">
	  
<script type="text/javascript" charset="utf-8">
  Tender = {
    hideToggle: true,
	sso: 'wdqPPbRAawQ88VSAE-iGB3KQY_Hv88MBqRnus9yODs_Ak9LR3iWURhnOAlQUbP9N4cHm5Tx2btfxEPPPQruL5eq7rUZPOft_h2yhR3QwktM',
    widgetToggles: $("#help_button")
  }
</script>
<script src="args/tender_widget.js" type="text/javascript"></script>


<script type="text/javascript">
var clicky = { log: function(){ return; }, goal: function(){ return; }};
var clicky_site_id = 249618;
(function() {
  var s = document.createElement('script');
  s.type = 'text/javascript';
  s.async = true;
  s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
  ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
</script>
<noscript>&lt;p&gt;&lt;img alt="Clicky" width="1" height="1" src="https://in.getclicky.com/249618ns.gif" /&gt;&lt;/p&gt;</noscript>
	</div><div><div id="tender_toggler" style="display: none; "><a href="https://app.chrometa.com/dashboard?start=2011-07-01#" id="tender_toggler_link">Help &amp; Support</a></div></div>
  
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div></body></html>